<template>
    <ul>
        <li v-for="item in counterStore.arr" :key="item.id">
          <input type="checkbox" v-model="item.status"/>
          <span v-show="item.sTure"><s>{{item.title}}</s></span>
          <span v-show="!item.sTure" >{{item.title}}</span>
          <span @click="counterStore.del(item.id)">x</span>
        </li>
      </ul>
</template>
<script setup>
import { useCounterStore } from '@/store/counter.js'
const counterStore = useCounterStore()
</script>
<style scoped>
ul li {
  display: flex;
  margin: auto;
  width: 80%;
  justify-content: space-between;
  height: 40px;
  align-items: center;
}
</style>
